<template>
  <div>
    <div class="app-container">
      <el-tabs
        class="table-form-detail"
        type="border-card"
      >
        <el-tab-pane label="设备台账字段">
          <Device></Device>
        </el-tab-pane>
        <el-tab-pane label="设备分类">
          <Category></Category>
        </el-tab-pane>
        <el-tab-pane label="故障配置">
          <Troubled></Troubled>
        </el-tab-pane>
        <el-tab-pane label="维修配置">
          <Repaired></Repaired>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
import waves from "@/directive/waves"; // waves directive

import Device from "./Device";
import Category from "./Category";
import Troubled from "./troubled";
import Repaired from "./repaired";
export default {
  name: "system_username",
  components: {
    Device,
    Category,
    Troubled,
    Repaired
  },
  directives: { waves },
  filters: {
    typeFilter(type) {
      return calendarTypeKeyValue[type];
    }
  },
  data() {
    return {};
  }
};
</script>
